<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景平铺与方位设置</title>
		<style>
			div {
				border: 1px solid red;
				width: 1000px;
				height: 500px;
				background-image: url("images/logo.png");
				/* 背景不平铺 */
				background-repeat: no-repeat;
				/* 默认是背景平铺 */
				/* background-repeat: repeat; */
				/* 沿着x轴进行平铺 */
				/* background-repeat: repeat-x; */
				/* background-repeat: repeat-y; */
				
				/* 方位设置 */
				/* x轴和y轴的具体位置指定 */
				/* background-position: 100px 100px; */
				/* 当我们写一个上下左右的方位时，默认就是在中间位置 */
				/* background-position: top; */
				/* background-position: left; */
				/* background-position: right; */
				/* background-position: bottom; */
				/* 如果我们写上两个方位名词，那么跟书写顺序没有关系 */
				/* background-position: right top; */
				/* background-position: top right; */
				background-position: center;
				
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>